Download | Purchase | FAQ | Home |
Step #1 - Operation Step #2 - Images Step #3 - Web Page Step #4 - FTP Step #5 - Finish
Quick Start Guide Detailed Setup Thumbnail Properties WebPage Appearance FTP Settings Program Automation E-mail Settings HTTP Settings Misc Options GPS Setup HTML Properties Miscellaneous HTML
EXIF Editor Batch Processing Rotating Images
Preview Web Pages View Web Pages Sample Web Page Font Properties
RoboPhoto FAQ What's New in v3.0 Screen Shots Advanced Features HTML Template Files Sign Up With Tripod PAD File (htm) PAD File (xml) Legal Info End-User License
System Requirements Demo Limitations Download The Demo Purchase Unlocking The Demo |
RoboPhoto uses the HTML files in the HTML template directory to create webpages. These are normal web documents that can optionally include RoboPhoto specific comment tags, like <!--Email--> and <!--ThumbnailTable-->. RoboPhoto searches and replaces. It searches for the comment tags listed below and when found, replaces them with HTML code that's specific to the tag. For example, <!--HeadingText--> would become Photo Gallery. Several basic HTML templates are provided in the \HtmlTemplates directory. You can customize these, create new ones, or just add the comment tags listed below to your existing HTML files. To get an idea of how the comment tags are used, view them with notepad.exe or with your normal HTML editor. There are some scenarios where you'll need to change the program's configuration to use a specific HTML template directory. For example, if the HTML files uses frames, you may want to change the thumbnail link target so that the full size images don't load into the same browser window as the thumbnail table. Comment tags are not case sensitive, i.e. <!--Email--> is the same as <!--eMaIl-->. Below is a sample HTML template file, followed by a listing of all of the comment tags that RoboPhoto recognizes: Sample HTML Template File <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title><!--TitleText--></title> <meta name="description" content="My Web Page"> <meta name="keywords" content="pictures, photos, images"> <meta name="author" content="Nort McGurski"> </head> <body <!--BodyAttributes-->> <!--Banner--> <!--HtmlHeaderFile--> <!--HeadingText--> <!--ThumbnailTableNameSizeDateMap--> <!--HtmlFooterFile--> <!--Email--> <!--Created--> </body> </html> For clarity, the RoboPhoto specific comment tags are shown in bold type. <!--TitleText--> This is the title of the web page and is typically used within the HTML <title> tag. A web page title appears in the web browser window's caption when the page is displayed. The value of <!--TitleText--> is the image title that you provide from the EXIF editor screen or that which is extracted from images.xml. If this is not specified, then the value of <!--HeadingText--> is used. <!--HeadingText--> This is used for web page's main heading. It's also used in lieu of the <!--TitleText--> if it's not specified. The web page's main heading appears at the top of the web page and is specified from the HTML customization screen. The default value is 'Photo Gallery'. You can force the program to prompt you for the web page heading each time by specifying the PromptForTitle Misc Option. <!--BodyAttributes--> This tag controls the web page's text color, background color and margins. The values associated with this tag are defined on the HTML customization screen. This tag should only be used as part of the HTML <body> tag. For example, the template files should include <body <!--BodyAttributes-->>. <!--Banner--> If a banner image is specified on the HTML customization screen, the banner graphic is substituted. <!--HtmlHeaderFile--> If a header file is specified on the HTML customization screen, the content of the file is substituted. This file must be plain text (HTML, TXT, etc.), not binary. <!--HtmlFooterFile--> If a footer file is specified on the HTML customization screen, the content of the file is substituted. This file must be plain text (HTML, TXT, etc.), not binary. <!--ThumbnailTable--> This tag, and variants of it (listed below), is how you create the main thumbnail table. When encountered, RoboPhoto generates an HTML thumbnail table based on what is specified in the program settings and in the HTML customization file. The link associated with the thumbnail image depends on whether an HTML file was generated for that image (see the <!--Image--> tag below). If an associated HTML file exists, the link is to it. Otherwise, the link is to the full size JPG image. <!--ThumbnailTableName--> This tag produces the same output as <!--ThumbnailTable--> except the file name is also placed below the thumbnail image. <!--ThumbnailTableNameSize--> This tag produces the same output as <!--ThumbnailTable--> except the file name and disk size are also placed below the thumbnail image. <!--ThumbnailTableNameSizeDate--> This tag produces the same output as <!--ThumbnailTable--> except the file name, disk size, and file date are also placed below the thumbnail image. <!--ThumbnailTableMap--> This tag produces the same output as <!--ThumbnailTable--> if there are no GPS coordinates associated with the image. If there are GPS coordinates and if these coordinates are within the United States, links are created below the thumbnail image that allows you to view the location of the image on either a street map, topo chart, nautical chart or satellite photo. If the GPS coordinates are outside of the United States, a single link is created that points to a world map. In addition to creating link(s) below each thumbnail image, an area map will also be created that shows the picture locations and other information on a street map. You can customize the properties of the area map by specifying any of the Misc Options that begin with 'AreaMap'. <!--ThumbnailTableNameMap--> This tag produces the same output as <!--ThumbnailTableMap--> except the file name is also placed below the thumbnail image. <!--ThumbnailTableNameSizeMap--> This tag produces the same output as <!--ThumbnailTableMap--> except the file name and disk size are also placed below the thumbnail image. <!--ThumbnailTableNameSizeDateMap--> This tag produces the same output as <!--ThumbnailTableMap--> except the file name, disk size, and file date are also placed below the thumbnail image. <!--Email--> If an e-mail address is specified in the main program settings, the program will substitute an HTML link for sending you e-mail. For example, if your e-mail address is you@domain.com, RoboPhoto would substitute <a href="mailto:you@domain.com">Send e-mail</a> for <!--Email-->. You can cause the program to use something other than 'Send e-mail' by specifying the SendEmailWord Misc Option. <!--Created--> Use this tag to indicate when the web page was created. The HTML that is substituted for this tag is similar to Friday 1/25/02 10:25:06 AM. You would normally precede this tag with the word 'created'. You can cause the program to use short dates by specifying the UseShortDate Misc Option. <!--Image--> The behavior of this tag is different from the others. With other tags, like <!--Email-->, HTML is simply substituted for the tag without any other effects. The <!--Image--> tag instructs RoboPhoto to generate additional HTML files for each image in your image source directory. For example, assume you have 3 images named one.jpg, two.jpg, and three.jpg. When RoboPhoto encounters an <!--Image--> tag in any of the HTML template files, it will: 1) Create 3 new HTML files named one.html, two.html and three.html. The content of the new files will be identical to the original HTML template file that contained the <!--Image--> tag. 2) Perform normal substitution in the newly created HTML files using the non-image specific tags explained above and the image specific tags explained below. Because of this behavior, there should only be one HTML template file containing an <!--Image--> tag. Image specific tags (the ones explained below) should only exist in HTML template files that also contain the <!--Image--> tag. The full size image links associated with the <!--ThumbnailTable--> tag point to the newly created web pages. If no <!--Image--> tags exist in any of the HTML template files, the thumbnail table links point to the full size images. The border around full size images will be the same as the thumbnail table, as defined on the HTML customization screen. <!--Navigate--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This tag generates 'Next' and 'Previous' links that allow the user to navigate the full sized images sequentially. To return to this main thumbnail table, all the user has to do is click on the full sized image. You can cause the program to use words other than 'Previous', 'Next', and the pipe character by specifying the PreviousWord, NextWord, and DelimiterWord Misc Options. <!--ImageShortDescription--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. If a short description was specified for the image on the EXIF editor screen or if one exists in images.xml, it will be used for this tag. <!--ImageLongDescription--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. If a long description was specified for the image on the EXIF editor screen or if one exists in images.xml, it will be used for this tag. <!--ImageWidth--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the image's width, in pixels. You should normally include the word ' pixels' after the tag. <!--ImageHeight--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the image's height, in pixels. You should normally include the word ' pixels' after the tag. <!--ImageFormat--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates text showing the technical format of the image. <!--ImageBits--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the image's color depth. You should normally include the words ' bits per pixel' after the tag. <!--ImageCompress--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the compressed size divided by the uncompressed size, multiplied by 100. It indicates the degree of JPG compression. You should normally include the words ' % of original' after the tag. <!--ImageSizeDisk--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the size of the image on disk in bytes. This is the compressed size. Wake up! You should normally include the word ' bytes' after the tag. <!--ImageSizeMem--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates a number equal to the size of the image when loaded into memory in bytes. This is the uncompressed size. You should normally include the word ' bytes' after the tag. <!--ImageFileDate--> This is an image specific tag and should only be used in HTML template files that also contain an <!--Image--> tag. This generates text showing the date of the disk file. <!--ExifArtist--> If the image file is EXIF format and if the Artist comment field exists, it is substituted for this tag. The Artist comment contains the name of the person who created the image. If your digital camera does not output this field, you can manually enter it and other comments from the EXIF editor screen. <!--ExifCopyright--> If the image file is EXIF format and if the Copyright comment field exists, it is substituted for this tag. The Copyright comment contains the copyright notice of the person who owns the image. <!--ExifDateTime--> If the image file is EXIF format and if the DateTime comment field exists, it is substituted for this tag. This comment is almost always created by the camera to indicate the time the image was created or, in the case of digital cameras, the time the image was taken. <!--ExifDesc--> If the image file is EXIF format and if the Description comment field exists, it is substituted for this tag. The Description comment contains a short phrase to represent the title of the image. <!--ExifMake--> If the image file is EXIF format and if the Make comment field exists, it is substituted for this tag. This comment is almost always created by the camera to indicate the manufacturer of the camera that was used to take the picture. <!--ExifModel--> If the image file is EXIF format and if the Model comment field exists, it is substituted for this tag. This comment is almost always created by the camera to indicate the model number of the camera that was used to take the picture. <!--ExifSoftware--> If the image file is EXIF format and if the Software comment field exists, it is substituted for this tag. The Software comment contains the name and version of the software or camera firmware that was used to create the image. <!--ExifTimeOriginal--> If the image file is EXIF format and if the DateTimeOriginal comment field exists, it is substituted for this tag. This comment contains the time the original image was captured and is almost always the same as the DateTime comment. <!--ExifTimeDigitized--> If the image file is EXIF format and if the DateTimeDigitized comment field exists, it is substituted for this tag. This comment contains the time the original image was generated and is almost always the same as the DateTime comment. <!--ExifShutterSpeed--> If the image file is EXIF format and if the ShutterSpeedValue comment field exists, it is substituted for this tag. This comment contains the camera's shutter speed, converted from APEX units to seconds, when the picture was taken. <!--ExifAperture--> If the image file is EXIF format and if the Aperture comment field exists, it is substituted for this tag. This comment contains the lens aperture for the focal length, converted from APEX units, when the picture was taken. <!--ExifBrightness--> If the image file is EXIF format and if the Brightness comment field exists, it is substituted for this tag. This comment contains the camera's brightness value, in APEX units, when the picture was taken. <!--ExifExposureBias--> If the image file is EXIF format and if the ExposureBias comment field exists, it is substituted for this tag. This comment contains the camera's exposure bias value, converted from APEX units, when the picture was taken. <!--ExifMaxAperture--> If the image file is EXIF format and if the MaxAperture comment field exists, it is substituted for this tag. This comment contains the camera's minimum lens f-number. <!--ExifSubjectDistance--> If the image file is EXIF format and if the SubjectDistance comment field exists, it is substituted for this tag. This comment contains the distance, in meters, from the lens to the picture's subject. Note: for a variety of reasons, you cannot rely on this field to accurately represent the true distance to the picture's subject. <!--ExifMeteringMode--> If the image file is EXIF format and if the MeteringMode comment field exists, it is substituted for this tag. This comment contains either Unidentified, Average, Center Weighted Average, Spot, Multispot, Pattern, Partial, Other or nothing. <!--ExifLightSource--> If the image file is EXIF format and if the LightSource comment field exists, it is substituted for this tag. This comment contains either Unidentified, Daylight, Fluorescent Light, Tungsten Lamp, Standard Light Source A, Standard Light Source B, Standard Light Source C, D55, D65, D75, Other or nothing. <!--ExifFlash--> If the image file is EXIF format and if the Flash comment field exists, it is substituted for this tag. This comment indicates whether a flash was used. <!--ExifFocalLength--> If the image file is EXIF format and if the FocalLenght comment field exists, it is substituted for this tag. This comment contains the focal length, in millimeters, when the picture was taken. <!--ExifFNumber--> If the image file is EXIF format and if the FNumber comment field exists, it is substituted for this tag. This comment contains the lens F stop, which is the lens aperture divided by the focal length. <!--ExifUserComment--> If the image file is EXIF format and if an ASCII format UserComment comment field exists, it is substituted for this tag. The user comment contains a long description (up to 32kb) of the image. <!--ExifGpsLatitude--> If the image file is EXIF format and if the required Latitude comment fields exists, it is substituted for this tag. This comment contains the latitude, in decimal degrees, of the image. <!--ExifGpsLongitude--> If the image file is EXIF format and if the required Longitude comment fields exists, it is substituted for this tag. This comment contains the longitude, in decimal degrees, of the image. Use this tag with ExifGpsLatitude to link to sites like Heavens-Above or other on-line mapping engines. <!--ExifGpsAltitude--> If the image file is EXIF format and if the required Altitude comment fields exists, it is substituted for this tag. This comment contains the altitude, in meters above sea level, of the image. <!--ExifGpsTimeStamp--> If the image file is EXIF format and if the required GPS time comment fields exists, it is substituted for this tag. This comment contains the time the GPS coordinates were recorded. <!--TigerUrl--> If the image file has GPS coordinates associated with it and if these coordinates are within the United States, a link is created called 'Street' that points to the United States Census Bureau's mapping engine. <!--TopoZoneUrl--> If the image file has GPS coordinates associated with it and if these coordinates are within the United States, a link is created called 'Topo' that points to TopoZone's mapping engine. <!--AeroPlannerUrl--> If the image file has GPS coordinates associated with it and if these coordinates are within the United States, a link is created called 'Nautical' that points to AeroPlanner's mapping engine. <!--TerraServerUrl--> If the image file has GPS coordinates associated with it and if these coordinates are within the United States, a link is created called 'Satellite' that points to TerraServer's mapping engine. <!--MultiMapUrl--> If the image file has GPS coordinates associated with it, a link is created called 'MultiMap' that points to MultiMap's mapping engine. Note: links are also created to MultiMap if an image's GPS coordinates fall outside of the USA. |